<template>
  <n-config-provider :theme-overrides="themeOverrides">
   <n-message-provider>
      <main-header></main-header>
      <router-view></router-view>
      <n-back-top :visibility-height="300">
        <span class="iconfont">&#xe602;</span>
      </n-back-top>
    </n-message-provider>
  </n-config-provider>
</template>

<script setup>
import {NConfigProvider, NMessageProvider,  NBackTop } from 'naive-ui'
import MainHeader from '@/components/mainHeader.vue'
const themeOverrides = {
  common: {
    primaryColor: '#6666ff',
    primaryColorHover: '#7777ff',
    primaryColorPressed: '#5555ff'
  },
  Button: {
    textColor: '#6666ff'
  },
  Select: {
    peers: {
      InternalSelection: {
        textColor: '#6666ff'
      }
    }
  }
}
</script>

<style lang="scss">
@import "./styles/base.scss";
@import "./styles/baseClass.scss";

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#app {
  width: 100vw;
  min-width: 1000px;
  overflow-x: hidden;
  height: 100vh;
}
</style>
